/* html */
*{
	margin: 0;
	padding: 0;
}
ul li{
	list-style: none;
}
a{
	text-decoration: none;
}
img{
	vertical-align: top;
	border: none;
}
.clear::after{
	display: block;
	clear: both;
	content: "";
	height: 0;
	overflow: hidden;
}
.clear{
	zoom: 1;
}
body,html{
	width: 100%;
	height: 100%;
}
/* body */
body{
	display: flex;
	flex-flow: column;
}
/* header */
header{
	padding: 0 20px;
	height: 0.92rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header i{
	font-size: 0.33rem !important;
	color: #989898;
}
header form{
	width: 5rem;
	height: 0.6rem;
	display: flex;
	align-items: center;
	border: 1px solid #e7e7e7;
	border-radius: 0.05rem;
	background-color: #fff;
	padding-left: 0.26rem;
}
header form i{
	font-size: 0.26rem !important;
	margin-right: 0.25rem;
	color: #989898;
}
header form input{
	outline: none;
	border: none;
	font-size: 0.3rem;
	color: #a9a9a9;
}
/* main */
main{
	margin-top: 0.2rem;
	height: 11.72rem;
	display: flex;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #d6d6d6;
	
}
main .left{
	width: 1.45rem;
	height: 11.72rem;
	border-right: 1px solid #d6d6d6;
	
}
main .left ul{
	height: 11.72rem;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}
main .left ul li a{
	color: #404040;
	font-size: 0.25rem
}
main .right{
	width: 6.06rem;
	overflow: auto;
}
main .right section:nth-child(1){
	height: 2.27rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
main .right section:nth-child(1) i{
	background: url(../img/banner2.png);
	width: 5.43rem;
	height: 2.07rem;
	background-size: 100% 100%;
}
main .right section:nth-child(2){
	height: 1.44rem;
}
main .right section:nth-child(2) .top{
	height: 1.44rem;
	display: flex;
	align-items: center;
}
main .right section:nth-child(2) .top i{
	background: url(../img/link3.png) no-repeat;
	width: 0.31rem;
	height: 0.02rem;
}
main .right section:nth-child(2) .top i:nth-child(1){
	margin-left: 1.8rem;
}
main .right section:nth-child(2) .top h3{
	font-size: 0.36rem;
	color: #767676;
	margin: 0 0.57rem;
	font-weight: normal;
}
main .right section:nth-child(3){
	height: 9.67rem;
	display: flex;
	flex-flow: wrap;
	align-content: space-around;
}
main .right section:nth-child(3) dl{
		width: 33%;
		display: flex;
		flex-direction: column;
		align-items: center;
}
main .right section:nth-child(3) dl dt{
	background: url(../img/mi9_2.png) no-repeat;
	width: 1.41rem;
	height: 1.72rem;
	background-size: 100% 100%;
}
/* footer */
footer{
	height: 1.1rem;
	background-color: salmon;
	display: flex;
	justify-content: space-around;
	align-items: center;
	font-size: 0.3rem;
	background-color: #FFF8F0;
}
footer dl{
	display: flex;
	flex-flow: column;
	align-items: center;
}
footer dl dt{
	font-size: 0.42rem !important;
	color: #6f6f74;
}
footer dl dd{
	color: #848485;
	font-size: 0.17rem
}